<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Estudi.AR</title>
		<!--CARGAMOS HOJA DE ESTILO-->
		<link href="css/estilo.css" rel="stylesheet" type="text/css"/>
		
		<!--CARGAMOS FUENTES DE GOOGLE-->
		<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" />
		<link href="http://fonts.googleapis.com/css?family=Coda:400,800" rel="stylesheet" type="text/css" />
		
		<!--CARGAMOS JQUERY PARA CAROUSEL-->
		<link rel="stylesheet" type="text/css" href="js/jquery/carousel.css">
		<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
		<script src="js/jquery/jquery.jcarousel.pack.js" type="text/javascript"></script>
		<script src="js/jquery/jquery-func.js" type="text/javascript"></script>
		
		<!--CARGAMOS SHADOWBOX-->
		<link rel="stylesheet" type="text/css" href="js/shadowbox/shadowbox.css">
		<script type="text/javascript" src="js/shadowbox/shadowbox.js"></script>
		<script type="text/javascript">
			Shadowbox.init();
		</script>
		
	</head>
	<body>
		<!--ÁREA ENCABEZADO-->
		<div id="encabezado">
			<div id="encabezado-contenido">
				<div id="logo">
					<img src="imagenes/logo.png" alt="logo">
					<h1><a href="#">Estudi<span>.AR</span></a></h1>
					<p>Capacitarte nunca fue tan fácil...</p>
				</div>
			</div>
		</div>
		<!--FIN DE ENCABEZADO-->
		<!--ÁREA MENÚ-->
		<div id="menu">
			<div id="menu-contenido">
				<a class="elemento_actual" href="#">Inicio</a>
				<a href="institucional.html">Institucional</a>
				<a href="cursos.html">Cursos</a>
				<a href="formulario.html">Contacto</a>
			</div>
		</div>
		<!--FIN DE MENÚ-->
		<!--ÁREA CAROUSEL-->
		<div id="banner">
			<div id="slider">
				<div id="slider-holder">
					<ul>
						<li>
							<div class="slide-info">
								<h2>DESCUENTO PARA</h2>
								<h2>PRE-INSCRIPCIONES WEB</h2>
								<p>
									¡Si te preinscribís a un curso a través de nuestra página web tenés un
									50% de descuento en tu matricula!
								</p>
							</div>
							<div class="slide-image">
								<a href="contacto/contacto.html" rel="shadowbox;width=800;height=500;" style="width:10px;" > <img src="imagenes/promocion.jpg" width="250" height="250"></a>
							</div>
						</li>
						<li>
							<div class="slide-info">
								<h2>REALICE SU</h2>
								<h2>CONSULTA</h2>
								<p>
									Haz click aquí si deseas realizar una consulta.
								</p>
							</div>
							<div class="slide-image">
								<a href="contacto/consulta.html" rel="shadowbox;width=800;height=500;" style="width:10px;" > <img src="imagenes/contacto.jpg" width="250" height="250"></a>
							</div>
						</li>
						<li>	
							<div class="slide-info">
								<h2 class="notext txt-we-love-mondays">WE LOVE MONDAYS</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis porttitor. Aliquam sed fringilla arcu. Maecenas sit amet cursus augue. Donec felis eros, luctus at blandit.</p>
								<a href="#" class="button-more">More</a>
							</div>
							<div class="slide-image">
								<img src="css/images/img1.gif" alt="" />
							</div>
						</li>	
					</ul>
				</div>
				<div class="slider-nav">
					<a href="#" class="prev">Previous</a>
					<a href="#" class="next">Next</a>
				</div>
			</div>
		</div>
		<!--FIN CAROUSEL-->
		<!--ÁREA DE PÁGINA CENTRAL-->
		<div id="pagina">
			<!--ÁREA DE BARRA LATERAL-->
			<div id="barra">
				<div class="bloque">
					<h2>Promoción</h2>
					<img src="imagenes/castor.jpg" alt="foto de un castor"/>
				</div>
				<div class="bloque">
					<h2>Cursos</h2>
					<ul>
						<li><a href="cursos/ofimatica.html" rel="shadowbox">Ofim&aacutetica</a></li>
						<li><a href="cursos/historia.html" rel="shadowbox">Historia Argentina</a></li>
						<li><a href="cursos/arte.html" rel="shadowbox">Historia del Arte</a></li>
						<li><a href="cursos/cine.html" rel="shadowbox">Cine y Fotograf&iacutea</a></li>
						<li>Idiomas:   
							<li><a href="cursos/ingles.html" rel="shadowbox">Ingl&eacutes</a></li>
							<li><a href="cursos/frances.html" rel="shadowbox">Franc&eacutes</a></li>
							<li><a href="cursos/portugues.html" rel="shadowbox">Portugu&eacutes</a></li>
							<li><a href="cursos/italiano.html" rel="shadowbox">Italiano</a></li>
					                                                                 
						<li><a href="cursos/facturacion.html" rel="shadowbox">Facturaci&oacuten Sanatorial</a></li>
						<li><a href="cursos/marketing.html" rel="shadowbox">Marketing y Publicidad</a></li>
						<li><a href="cursos/internet.html" rel="shadowbox">Internet y Dise&ntildeo Web</a></li>
						<li><a href="cursos/programacion.html" rel="shadowbox">Programaci&oacuten</a></li>
						<li><a href="cursos/administracion.html" rel="shadowbox">Administraci&oacuten Contable</a></li>
						<li><a href="cursos/disenio.html" rel="shadowbox"> Dise&ntildeo Digital y Flash </a> </li>
						<li><a href="cursos/3dstudio.html" rel="shadowbox">3Dstudio y Autocad</a></li>
						<li><a href="cursos/sueldos.html" rel="shadowbox">Sueldos y Jornales</a></li>
						<li><a href="cursos/asesor.html" rel="shadowbox">Asesor Inmobiliario</a></li>
						<li><a href="cursos/gestoria.html" rel="shadowbox">Gestor&iacuteoa del Automotor</a></li>
					</ul>
				</div>
			</div>
			<!--FIN DE BARRA LATERAL-->
			<!--ÁREA DE CONTENIDO-->
			<div id="contenido">
				<div class="nota">
					<div class="titulo">
						<h2>Bienvenidos</h2>
					</div>
					<div class="texto">
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pulvinar, turpis ut viverra hendrerit, nisi augue
						ultricies diam, ac ultrices metus orci at augue. Integer mollis tempus aliquet. Donec sit amet libero nibh, vitae auctor
						enim. Vivamus vitae tellus nec ipsum iaculis auctor sodales at sapien. Lorem ipsum dolor sit amet, consectetur adipiscing
						elit. Proin in nisi purus, in ultrices elit. Nunc ut nulla at ante blandit fringilla sit amet a lectus. Pellentesque
						vehicula neque id leo accumsan accumsan. Donec nisi risus, porta vitae suscipit at, vulputate vel ligula. Quisque vitae
						sem arcu. In congue, velit eu ultricies dapibus, massa dolor ornare ipsum, ut pretium orci metus nec mauris.
						Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vestibulum volutpat congue. Nulla accumsan nunc rutrum nunc tincidunt eget pulvinar est lobortis.</p>
						<p>Phasellus in lorem non elit auctor dapibus id porttitor odio. Sed quis lorem massa, aliquet egestas diam.
						Donec quis fermentum nisl. Etiam convallis, elit in tincidunt sodales, justo lorem molestie augue, ac iaculis dui
						dui eget arcu. Integer eleifend metus et arcu laoreet sed iaculis orci faucibus. Vestibulum vel porta diam. Aliquam
						sed ligula non enim facilisis aliquet. Suspendisse potenti. Suspendisse dui turpis, pharetra ac convallis in, rutrum
						quis lacus.</p>
						
						<p>Quisque pellentesque, diam in convallis lacinia, mauris diam fringilla risus, ac laoreet urna massa eget nulla.
						Vestibulum non sem sed est dapibus consectetur. Curabitur sed euismod odio. In hac habitasse platea dictumst. Sed id
						faucibus odio. Aliquam erat volutpat. Duis odio nunc, condimentum non ultrices nec, consequat in nibh. Pellentesque at
						nisl risus. Sed tincidunt commodo ipsum eu fringilla. Nulla et pretium mi. Duis malesuada elit in massa fringilla eget
						laoreet lorem lobortis. Ut pulvinar neque at risus mollis et volutpat risus accumsan. Fusce venenatis facilisis sagittis.
						Nullam vel lacus eleifend arcu eleifend porttitor. Quisque luctus ipsum vitae tortor aliquet eleifend.</p>
						
						<p>Mauris nec luctus sem. Nam ullamcorper, mauris a fermentum dapibus, risus metus ullamcorper erat, ut rutrum velit
						dolor vitae nibh. Etiam vel nisi sodales nisi pulvinar volutpat aliquet vehicula tortor. Duis pretium urna sit amet
						ante luctus dignissim. Pellentesque porta nibh sed metus dictum imperdiet convallis velit malesuada. Etiam in sem in
						tellus tempor pellentesque. In hac habitasse platea dictumst. Vivamus justo elit, luctus ac pharetra in, consectetur
						a diam. Proin at diam vitae magna dapibus auctor eu in urna.</p>
						
						<p>Vivamus eleifend consectetur lectus, quis pellentesque nisi dictum nec. Vestibulum tincidunt neque quis justo
						iaculis feugiat. Donec eleifend vulputate elit, ut malesuada nibh cursus sed. Etiam aliquet, massa sed faucibus
						convallis, lectus nisl semper nibh, at sollicitudin diam erat non turpis. Quisque libero enim, varius sed posuere nec,
						dapibus eu velit. Donec gravida nibh ac sem sollicitudin vehicula. Nullam vehicula nisi eu ante commodo sit amet volutpat
						nunc molestie.</p>
					</div>
					<div class="enlaces">
						<a href=#>Leer más</a>
					</div>
				</div>
			</div>
			<!--FIN DE CONTENIDO-->
		</div>
		<!--FIN DE PÁGINA CENTRAL-->
		<!--ÁREA DE PIE DE PÁGINA-->
		<div id="pie">
			<p>&copy; 2012 Estudi.AR. | Diseñado por <a href="http://www.nasaproject.com.ar/">Nasa Project Extended</a>.</p>
		</div>
		<!--FIN DE PIE DE PÁGINA-->
	</body>
</html>
